<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>编辑角色</title>
<link href="/widget/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"  type="text/css"/>
 {cssjs}
<link href="/res/css/inside_page.css" rel="stylesheet"  type="text/css"/>
<style>
     body {
            font: 12px/20px "微软雅黑", "宋体", Arial, sans-serif, Verdana, Tahoma;
            padding: 0;
            margin: 0;
            overflow:hidden;
            margin-top:20px;
        }
                HTML{
        overflow-y: hidden;

        overflow-y: auto !important;

        }
        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        a:active {
            text-decoration: none;
        }

        .cs-north {
            height: 60px;
            background: #B3DFDA;
        }

        .cs-north-logo {
            height: 40px;
            padding: 15px 0px 0px 5px;
            color: #fff;
            font-size: 22px;
            font-weight: bold;
            text-decoration: none;
        }
        .panel-tool
        {
         display:none;    
        }
        .cs-west {
            width: 200px;
            padding: 0px;
            border-left: 1px solid #99BBE8;
        }

        .cs-navi-tab {
            padding: 5px;
            white-space:nowrap;
            overflow:hidden;
            display:block;
			text-indent:7px;
			background: url('/res/images/side_li.gif') 3px center no-repeat;
        }

        .cs-tab-menu {
            width: 120px;
        }

        .cs-home-remark {
            padding: 10px;
        }
        /*列表*/
         table.auTable
        {
            width: 180px;
            margin-right: 4px;
        }
        .tdbg b
        {
            font-size: 14px;
            font-weight: normal;
        }
        .tdbg hr
        {
            height: 1px;
            background-color: #C3C3C3;
        }
        .tdbg td li
        {
            height: 22px;
            line-height: 22px;
            float: left;
        }
        #bottomNav
        {
            text-align:center;
            background-color: #096;
            z-index: 999;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            _position: absolute; /* for IE6 */
            _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
            overflow: visible;
        }
        /*******************************************
        dataTable  列表框架
        *********************************************/
        table { border-collapse: collapse; }
        table.cellspacing { border-collapse: separate; }
        table.dataTable {
	        border: 1px solid #C6C6C6;
	        border-collapse: collapse;
	        /*background: url(/res/images/thbg.gif) #FFFFFF repeat-x left top;*/
	        table-layout: fixed;
	        width:99%;
	        margin-top:4px;
        }
        table.dataTable td,
        table.dataTable th {
	        color: #555555;
	        border-bottom: 1px solid #DDDDDD;
	        line-height:16px;
	        padding: 3px 7px 3px 6px;
	        white-space: nowrap;
        }
        table.dataTable td {
	        white-space: nowrap;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        -o-text-overflow: ellipsis;
        }
        table.dataTable tr.dataTableHead td,
        table.dataTable tr.dataTableHead td span {
	        color: #445055;
	        font-weight: bold;
        }
        table.dataTable tr.dataTableHead td {
	        height: 27px;
	        line-height:27px;
	        padding: 0 7px 0 6px;
	        border-left: #D6D6D6 0px solid;
	        border-bottom: #C6C6C6 0px solid;
	        background: url(/res/images/th.gif) no-repeat left top;
        }
        table.dataTable tr.dataTableHead td.thOver { background: url(/res/images/thbg_over.gif) no-repeat left top; }
        table.dataTable tr.dataTableHead:first-child { background-image: none; }
    li{float:left;width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0;}
    .che_input{float:left;}
</style>
</head>

<body>
<div class="container-fluid larry-wrapper">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <section class="panel panel-padding">
                <form id="form1" class="layui-form layui-form-pane" method="post" data-dotype="a" action="">
				<table class="layui-table">
				  <colgroup>
					<col width="150">
					<col width="150">
					<col width="200">
					<col>
				  </colgroup>
				  <thead>
				    <tr style="background-color:white;">
					  <th>
						  <div class="layui-form-item">
							<input type="checkbox" name="mun" title="全选" lay-filter="check_all">
						</div>
						</th>
					  <th style="width:950px;">
						 <div class="layui-form-item">角色名称：{rolename}</div>
					  </th>
					</tr>
					<input type="hidden" name="sname" id="sname" />
				  </thead>
                </table> 
                <div id="div_role"></div>
                <br/>
				<input type="text" id="id" name="id" value="{id}" style="display:none;"/>
				<input type="text" id="muid" name="muid" value="{menu_id}" style="display:none;"/>
                <input class="layui-btn layui-btn-danger" style="margin:0 0 0 580px;" id="btnSave" value="确认" type="button"/>
                </form>
            </section>
        </div>
    </div>
</div>
	{jsmodel}
   <script type="text/javascript">
        layui.use('system_check_menus');
    </script>
</body>
</html>